<template>
	<view>
		<view class="headImg">
		</view>
		<view v-for="item in 6" class="ssccc">
			
			<view class="contentView" >
				
				<view class="headView">
					<view class="headViewLeft">2021年/03月</view>
					<view  class="headViewRight">已完成</view>
				</view>
				
				<view class="brief">
					简介：[销售冠军]包含基础代谢、腰椎、心脑血管
					甲状腺检查、癌症筛查。
				</view>
					
					<view class="btmView">
						<view class="btmViewLeft">共*项</view>
						<view class="btmViewRight" @tap="goDetail">查看详情</view>
					</view>
			</view>
			
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goDetail(){
				
				uni.navigateTo({
					url:'/pages/Contract/lookDetail'
				})
			}
		}
	}
</script>

<style>
	
	.contentView:first-child{
		position: relative;
		top: -160rpx;
	
	}
	.btmViewLeft{
		font-size: 28rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		margin-top: 25rpx;
		margin-left: 40rpx;
	}
	.btmViewRight{
		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #5396E0;
		margin-top: 25rpx;
		margin-right: 50rpx;
	}
	.btmView{
		display: flex;
		justify-content: space-between;
		border-top: 1rpx solid #E6E6E6;
		margin-top: 40rpx;
	}
	.brief{
		width: 640rpx;
		height: 76rpx;
		margin: 0 auto;
		
		
		font-size: 28rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
		margin-top: 44rpx;
	}
	.headViewLeft{
		margin-left: 41rpx;
		
		font-size: 34rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #333333;
	}
	.headViewRight{
		margin-right: 51rpx;
		font-size: 30rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #FF5400;
	}
	.headView{
		display: flex;
		justify-content: space-between;
		padding-top: 33rpx;
	}
	.contentView{
		width: 720rpx;
		height: 320rpx;
		background: #FFFFFF;
		box-shadow: 0px 2rpx 2rpx 0px rgba(0, 0, 0, 0.13);
		border-radius: 16rpx;
		margin:  0 auto;
		margin-bottom: 31rpx;
	}
	.headImg {
		width: 100%;
		height: 220rpx;
		background-image: url(../../static/images/infoback.png);
	}

</style>
